<!DOCTYPE html>
<html lang="en">

<head>
    <title></title>
    <meta charset="UTF-8">
    <script src="js\jquery-3.1.1.min.js"></script>
    <script src="js\cookie.js"></script>
    <link rel="stylesheet" href="css/index.css">
</head>

<body style="background:#EFEFEF;">

    <div class="zuce">
        <a href="" style="text-align:center;">已有账号去登陆</a>
        <br>
        <p>账号:</p>
        <input id="tty" type="text" placeholder="邮箱">
        <span></span>
        <br>
        <p>密码:</p>
        <input id="tty1" type="password" placeholder="6-13位密码区分大小写">
        <span></span>
        <br>
        <p>确认密码:</p>
        <input id="tty2" type="password" placeholder="再次输入密码">
        <span></span>
        <br>
        <p>手机号:</p>
        <input id="tty3" type="text" placeholder="11位手机号">
        <span></span>
        <br>
        <input id="ttjj" type="button" value="注册">
    </div>
</body>
<script>
    $(function () {
        var ok1 = false;
        var ok2 = false;
        var ok3 = false;
        var ok4 = false;
        $("#tty").each(function () {
            //保存当前文本框的值
            var vdefault = this.value;
            var that = $(this);
            $(this).focus(function () {
                //获得焦点时，如果值为默认值，则设置为空
                if (this.value == vdefault) {
                    this.value = "";
                }
            });
            $(this).blur(function () {
                //失去焦点时，如果值为空，则设置为默认值
                if (this.value == "") {
                    this.value = vdefault;
                } else {
                    checkEmail($(this).val());
                    // var mm=$(this).val();
                    // password($(this).val());
                    // passwords($(this).val());
                }
                //邮箱验证
                function checkEmail(str) {
                    re = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/
                    if (re.test(str)) {
                        that.next().css("color", "green")
                        that.next().html("正确");
                        that.css("border", "1px solid green");
                        ok1 = true;
                    } else {
                        // alert("错误！");
                        that.css("border", "1px solid red");
                        that.next().css("color", "red");
                        that.next().css("position", "absolute");
                        that.next().html("错误")
                          that.next().animate({
                              
                              left:"50px;"
                             
                          })
                    }
                }
                // /^1[34578]\d{9}$/
                // function password(oer){
                //     ps=/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,12}$/

                //     if(ps.test(oer)){
                //         alert("正确！");
                //     }else{
                //         that.css("border","1px solid red")
                //     }
                // }
                // function passwords(uyt) {
                //     if (mm==uyt){
                //         alert("444！");
                //     }else{
                //         alert("55");
                //     }
                // }
            })
        })
        $("#tty1").each(function () {
            //保存当前文本框的值
            var vdefault = this.value;
            var that = $(this);
            $(this).focus(function () {
                //获得焦点时，如果值为默认值，则设置为空
                $("#tty1").type = "password";
                if (this.value == vdefault) {
                    this.value = "";
                }
            });
            $(this).blur(function () {
                //失去焦点时，如果值为空，则设置为默认值
                if (this.value == "") {
                    this.value = vdefault;
                } else {
                    //checkEmail($(this).val());
                    // var mm=$(this).val();

                    console.log($(this).val())
                    password($(this).val());
                    // passwords($(this).val());
                }
                // //邮箱验证
                // function checkEmail(str) {
                //     re = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/
                //     if (re.test(str)) {
                //         alert("正确！");
                //     } else {
                //         // alert("错误！");
                //         that.css("border","1px solid red");
                //     }
                // }
                // /^1[34578]\d{9}$/
                function password(oer) {
                    ps = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,12}$/

                    if (ps.test(oer)) {
                        that.next().css("color", "green")
                        that.next().html("正确");
                        that.css("border", "1px solid green");
                        ok2 = true;
                    } else {
                        that.css("border", "1px solid red");
                        that.next().css("color", "red");
                        that.next().html("错误")
                    }
                }
                // function passwords(uyt) {
                //     if (mm==uyt){
                //         alert("444！");
                //     }else{
                //         alert("55");
                //     }
                // }
            })
        })
        $("#tty2").each(function () {
            //保存当前文本框的值
            var vdefault = this.value;
            var that = $(this);
            $(this).focus(function () {
                //获得焦点时，如果值为默认值，则设置为空
                if (this.value == vdefault) {
                    this.value = "";
                }
            });
            $(this).blur(function () {
                //失去焦点时，如果值为空，则设置为默认值
                if (this.value == "") {
                    this.value = vdefault;
                } else {
                    //checkEmail($(this).val());
                    //var mm=$(this).val();
                    // password($(this).val());
                    //  passwords($(this).val());
                    //  console.log(mm);
                    var mm = tty1.value
                    if (tty2.value == mm) {
                        that.next().css("color", "green")
                        that.next().html("正确");
                        that.css("border", "1px solid green");
                        ok3 = true;
                    } else {
                        that.css("border", "1px solid red");
                        that.next().css("color", "red");
                        that.next().html("错误")
                    }
                }
                // //邮箱验证
                // function checkEmail(str) {
                //     re = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/
                //     if (re.test(str)) {
                //         alert("正确！");
                //     } else {
                //         // alert("错误！");
                //         that.css("border","1px solid red");
                //     }
                // }
                // /^1[34578]\d{9}$/
                // function password(oer){
                //     ps=/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,12}$/

                //     if(ps.test(oer)){
                //         alert("正确！");
                //     }else{
                //         that.css("border","1px solid red")
                //     }
                // }
                // function passwords(uyt) {
                //     if(m=uyt){
                //         alert("444！");
                //         console.log(uyt);
                //         console.log(mm);
                //     }else{
                //         alert("55");
                //     }
                // }

            })
        })
        $("#tty3").each(function () {
            //保存当前文本框的值
            var vdefault = this.value;
            var that = $(this);
            $(this).focus(function () {
                //获得焦点时，如果值为默认值，则设置为空
                if (this.value == vdefault) {
                    this.value = "";
                }
            });
            $(this).blur(function () {
                //失去焦点时，如果值为空，则设置为默认值
                if (this.value == "") {
                    this.value = vdefault;
                } else {
                    //checkEmail($(this).val());
                    // var mm=$(this).val();

                    //console.log($(this).val())
                    phone($(this).val());
                    // passwords($(this).val());
                }
                // //邮箱验证
                // function checkEmail(str) {
                //     re = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/
                //     if (re.test(str)) {
                //         alert("正确！");
                //     } else {
                //         // alert("错误！");
                //         that.css("border","1px solid red");
                //     }
                // }
                // /^1[34578]\d{9}$/
                function phone(ppa) {
                    pt = /^1[34578]\d{9}$/

                    if (pt.test(ppa)) {
                        that.next().css("color", "green")
                        that.next().html("正确");
                        that.css("border", "1px solid green");
                        ok4 = true;
                    } else {
                        that.css("border", "1px solid red");
                        that.next().css("color", "red");
                        that.next().html("错误")
                    }
                }
                // function passwords(uyt) {
                //     if (mm==uyt){
                //         alert("444！");
                //     }else{
                //         alert("55");
                //     }
                // }
            })
        })
        $("#ttjj").click(function () {
            if (ok1 && ok2 && ok3 && ok4) {
                var cook = $("#tty").val() + $("#tty1").val();
                console.log(cook);
                setCookie("wangyi", cook, 16);
                alert("点击确定，1秒后跳转到登录页面")
                setTimeout(function () {
                    window.location.href = "denglu.html";
                }, 10);

                // getCookie("use")
            } else {
                return false;
            }
        })
    })

</script>

</html>